<html>
    <head>
        <link rel="stylesheet" href="./bootstrap-3.3.7-dist/css/bootstrap.css">
        <script src="./jquery-3.2.1.js"></script>        
        <script src="./bootstrap-3.3.7-dist/js/bootstrap.js"></script>
        <meta charset="UTF-8">
    </head>
    <body>
        <div class="container">
            <h1>统一建模语言理论测试</h1>
            <div class="row">
              <div class="col-md-3">
              <form class="form-inline">
              <div class="form-group">
              <label for="first" >考试科目：建模语言</label>
              </div>
              <div class="form-group">
                  <label for="firstname" > 班级：</label>
                    <input type="text" class="form-control" id="firstname" 
                         placeholder="1班">
              </div>
              </form>
              </div>
              <div class="col-md-3">
                  <form class="form-inline">
            <div class="form-group">
            <label for="first" >时间：100分钟</label>
            </div>
            <div class="form-group">
                <label for="firstname" >学号：</label>
                  <input type="text" class="form-control" id="firstname" 
                       placeholder="001">
            </div>
        </form>
      </div>
      <div class="col-md-3">
          <form class="form-inline">
          <div class="form-group">
          <label for="first" >得分：100</label>
          </div>
          <div class="form-group">
              <label for="firstname" >姓名：</label>
                <input type="text" class="form-control" id="firstname" 
                     placeholder="王小闹">
          </div>
      </form>
      </div>
    </div>
    <h3>一、填空题（每空5分，共20分）</h3>
         <div class="row">
          <div class="col-md-12">
              <form class="form-inline" role="form">
                  <ol>
                    <li>
                      <div class="form-group">
                      <label for="firstname">UML的中文全称是：</label>
                        <input type="text" class="form-control" id="firstname" 
                             placeholder="统一建模语言">
                      </div>
                    </li>
                    <li>
                    <div class="form-group">
                     <label for="lastname" >对象最突出的特征是：</label>
                        <input type="text" class="form-control" id="lastname" 
                             placeholder="封装性">
                          <input type="text" class="form-control" id="lastname" 
                               placeholder="继承性">
                          <input type="text" class="form-control" id="lastname" 
                                 placeholder="多态性">
                    </div>
                    </li>
                  </ol>
                </form>   
          </div>
         </div>
            <h3>二、选择题（每题10分，共20分）</h3>
            <div class="row">
                <div class="col-md-12">
              <ol><li>
                  <label for="name">UML与软件工程的关系是：</label></li>
                <div class="radio">
                    <label>
                      <input type="radio" name="options" id="optionsRadios1" value="option1" checked> (A)UML就是软件工程
                    </label>
                </div>
                <div class="radio">
                    <label>
                      <input type="radio" name="options" id="optionsRadios2" value="option2"> (B)UML参与到软件工程中软件开发的几个阶段
                    </label>
                </div>
                <div class="radio">
                    <label>
                      <input type="radio" name="options" id="optionsRadios3" value="option3"> (C)UML与软件工程无关
                    </label>
                </div>
                <div class="radio">
                    <label>
                      <input type="radio" name="options" id="optionsRadios4" value="option4"> (D)UML是软件工程的一部分
                    </label>
                </div>
                  <li><label for="name">Java语言支持：</label></li>
                    <div class="radio">
                        <label>
                          <input type="radio" name="optionsRadios" id="optionsRadios5" value="1" > (A)单继承
                        </label>
                    </div>
                    <div class="radio">
                        <label>
                          <input type="radio" name="optionsRadios" id="optionsRadios6" value="option6"> (B)多继承
                        </label>
                    </div>
                    <div class="radio">
                        <label>
                          <input type="radio" name="optionsRadios" id="optionsRadios7" value="option7"> (C)单继承和多继承都支持
                        </label>
                    </div>
                    <div class="radio">
                        <label>
                          <input type="radio" name="optionsRadios" id="optionsRadios8" value="option8" checked>(D)单继承和多继承都不支持
                        </label>
                    </div>
                    
              </ol>
           </div>
           </div>
          <h3>三、多择题（每题10分，共20分）</h3>
          <div class="row">
              <div class="col-md-12">
                 <ol>
                    <li>
                      <label for="name">用例的粒度分为以下哪三种：</label>
                    </li>
                    <div class="checkbox">
                        <label><input type="checkbox" value="" checked>(A)概述级</label>
                    </div>
                    <div class="checkbox">
                        <label><input type="checkbox" value="">(B)需求级</label>
                    </div>
                    <div class="checkbox">
                        <label><input type="checkbox" value="" checked>(C)用户目标级</label>
                    </div>
                    <div class="checkbox">
                        <label><input type="checkbox" value="">(D)子功能级</label>
                    </div>
                    <li><label for="name">类图由以下哪三部分组成：</label></li>
                    <div class="checkbox">
                        <label><input type="checkbox" value="1">(A)名称(Name)</label>
                    </div>
                    <div class="checkbox">
                        <label><input type="checkbox" value="" checked>(B)属性(Attribute)</label>
                    </div>
                    <div class="checkbox">
                        <label><input type="checkbox" value="" checked>(C)操作(Operation)</label>
                    </div>
                    <div class="checkbox">
                        <label><input type="checkbox" value="">(D)方法(Function)</label>
                    </div>
                  </ol>
            </div>
            </div>
            <div class="row">
                <div class="col-md-12">
            <h3>四、判断题（每题10分，共20分）</h3>
            <ol>
              <li>
                用例图只是用于和客户交流和沟通的，用于确定需求。
                <input type="radio" name="用例图"/>√
                <input type="radio" name="用例图"/>×	
              </li>
              <li>
                在状态图中，终止状态在一个状态图中允许有任意多个。
                <input type="radio" name="状态图"/>√
                <input type="radio" name="状态图"/>×	
              </li>
            </ol>  
        </div>
        </div>
        <h3>五、简答题（每题10分，共20分）</h3>
        <div class="row">
            <div class="col-md-12">
          <ol>
            <li>简述什么是模型以及模型的表现形式？</li>
              <textarea rows="10" cols="100">模型是对现实世界的简化和抽象，模型是对所研究的系统、过程事物或概念的一种表达形式。</textarea><br />
              <div class=" col-lg-5" >
                  <button type="submit" class="btn btn-default">登录</button>
                </div>
            
          </ol>
        </div>
        </div>	
        <!--write your code here-->
        <!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  提交
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        You're ready to go!
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>
    </body>
</html>